; (function ($) {
    $.fn.select = function (options) {
        var defaults = {
            tiangle: true,
            image: 'true',
            selectUl: '.select-option',
            liBackColor: 'green',
            liCount: 5,
            datas: 'null',
            add: 'append'
        };
        var options = $.extend(defaults, options);
        var _this = $(this);

        // 定位
        _this.css("position", "relative");
        // 改变
        _this.find('input').focus(function () {
            $(options.selectUl).fadeIn();
        });
        _this.find('input').blur(function () {
            $(options.selectUl).fadeOut();
        });
        $(options.selectUl).on('click', 'li', function () {
            _this.find('input').val($(this).text());
            $(options.selectUl).fadeOut();
        });
        _this.on('click', '.select-triangle', function () {
            if ($(options.selectUl).css('display') == 'block') {
                $(options.selectUl).fadeOut();
            } else {
                $(options.selectUl).fadeIn();
            };
        });
        $(options.selectUl).find('li').hover(function () {
            $(this).css("backgroundColor", options.liBackColor);
        }, function () {
            $(this).css("backgroundColor", "orange");
        });
        // 当传入数组的时候
        if (typeof (options.datas) == 'object') {
            var liHtml;
            options.datas.forEach(function (ele) {
                liHtml = '<li>' + ele + '</li>';
                if (options.add == 'append') {
                    $(options.selectUl).append(liHtml);
                } else {
                    $(options.selectUl).prepend(liHtml);
                };
            });
        };
        // 滑动
        if (options.liCount < $(options.selectUl).find('li').length) {
            var height = $(options.selectUl).find('li').css('height');
            if (height == '0px') {
                height = 26;
            } else {
                height = $(options.selectUl).find('li').css('height').split('p')[0];
            };
            $(options.selectUl).css({
                "height": height * options.liCount + options.liCount * $(options.selectUl).find('li').css('margin-top').split("p")[0],
                "overflow-y": "scroll"
            });
        };
        // 是否存在对象
        if (options.tiangle) {
            if (options.image == 'true') {
                _this.prepend('<div class="select-triangle"></div>');
                $('.select-triangle').css({
                    "position": "absolute",
                    "z-index": "101",
                    "top": "50%",
                    "right": "10px",
                    "margin-top": "-3.5px",
                    "display": "block",
                    "width": 0,
                    "height": 0,
                    "border-style": "solid",
                    "border-width": "8px",
                    "cursor": "pointer",
                    "border-color": "#535353 transparent transparent transparent"
                });
            } else {
                _this.prepend('<div class="select-triangle"></div>');
                console.log(options.image)
                $('.select-triangle').css({
                    "position": "absolute",
                    "right": "1px",
                    "top": "calc(50% - 12px)",
                    "width": "30px",
                    "height": "25px",
                    "cursor": "pointer",
                    "background": 'url("' + options.image + '")no-repeat',
                    "background-size": "23px 23px"
                });
            }
        }

    }
})(jQuery);